<script src='https://unpkg.com/vue@2.1.10/dist/vue.js'></script>
<!--class和style的数据绑定-->
<div id="app" :style="activeStyle" :class="[classA,classB]">
come on
</div>
<script>
    var vm=new Vue({
        el:'#app',
        data:{
            activeStyle:{
                color:'red',
                fontSize:'25px'    
            },
            classA:'class-a',
            classB:'class-b'
        }

    });
</script>
<!--v-if还有v-else 测试-->
<div id="app2">
    <div v-if="no">yes</div>
    <div v-else>no</div>
</div>
<script>
    var vm2=new Vue({
        el:'#app2',
        data:{
            yes:true,
            no:false
        }

    });
</script>
<!--v-for测试-->
<div id="app3">
<ul>
    <template v-for="item in items">
    <li>
        <h1>{{item.title}}</h1>
        <p>{{item.description}}</p>
    </li>
    </template>
</ul>
</div>
<script>
    var vm=new Vue({
        el:'#app3',
        data:{
            items : [
　　　 { title : 'title-1', description : 'description-1'},
　　　 { title : 'title-2', description : 'description-2'},
　　　 { title : 'title-3', description : 'description-3'},
　　　 { title : 'title-4', description : 'description-4'}
　　 ]
    }
    
    });
</script>